<style>
    .weui-cell__ft {
        font-size: 15px;
    }

    .weui-cell__bd {
        font-size: 16px;
    }
</style>
<div class=weui-tab__bd>
    <div id=tab1 class="weui-tab__bd-item weui-tab__bd-item--active">
        <div class=weui-cells__title id=titleDiv>填写股票代码、行权周期、行权价格获取详细期权信息</div>
        <div class=weui-cells>
            <div class=weui-cell id=codeDiv>
                <div class=weui-cell__hd>
                    <label class=weui-label>股票代码</label>
                </div>
                <div class=weui-cell__bd style="position: relative">
                    <input class=weui-input id=code type=number pattern=[0-9]* placeholder=请输入股票代码>
                </div>
            </div>
            <div class=weui-cell id=periodDiv>
                <div class=weui-cell__hd>
                    <label class=weui-label>行权周期</label>
                </div>
                <div class=weui-cell__bd>
                    <select name=select1 class=weui-input id=sPeriod>
                        <option value=1>一个月
                            <option value=2>二个月
                                <option value=3>三个月
                                    <option value=6>六个月</select>
                </div>
                <div class=weui-cell__ft></div>
            </div>
            <div class="weui-cell weui-cell_vcode">
                <div class=weui-cell__hd>
                    <label class=weui-label>行权价格</label>
                </div>
                <div class=weui-cell__bd>
                    <select name=select1 class=weui-input id=sPencent>
                        <option value=100>100%
                            <option value=80>80%
                                <option value=90>90%
                                    <option value=95>95%
                                        <option value=103>103%
                                            <option value=105>105%</select>
                </div>
                <div class=weui-cell__ft>
                    <button class="weui-vcode-btn color-primary" id=queryStock>获取期权信息</button>
                </div>
            </div>
            <div class=weui-cell>
                <div class=weui-cell__hd>
                    <label class=weui-label>名义本金</label>
                </div>
                <div class=weui-cell__bd>
                    <input class=weui-input type=number id=invest_amount placeholder=请选择名义本金>
                </div>
            </div>
        </div>
        <div class=weui-cells__title>询价确认</div>
        <div class=weui-form-preview>
            <div class=weui-form-preview__bd>
                <div class=weui-flex>
                    <div class=weui-flex__item>
                        <div>
                            <label class=weui-form-preview__label>股票代码</label>
                            <span class=mr5 id=stockCode></span>
                        </div>
                    </div>
                    <div class=weui-flex__item>
                        <div>
                            <label class=weui-form-preview__label>股票名称</label>
                            <span id=stockNm></span>
                        </div>
                    </div>
                </div>
                <div class=weui-flex>
                    <div class=weui-flex__item>
                        <div class=weui-form-preview__item>
                            <label class=weui-form-preview__label>管理费率</label>
                            <span class=mr5 id=ex_quat></span>
                        </div>
                    </div>
                    <div class=weui-flex__item>
                        <div class=weui-form-preview__item>
                            <label class=weui-form-preview__label>名义本金</label>
                            <span id=invest></span>
                        </div>
                    </div>
                </div>
                <div class=weui-flex>
                    <div class=weui-flex__item>
                        <div class=weui-form-preview__item>
                            <label class=weui-form-preview__label>行权周期</label>
                            <span class=mr5 id=period></span>
                        </div>
                    </div>
                    <div class=weui-flex__item>
                        <div class=weui-form-preview__item>
                            <label class=weui-form-preview__label>行权价格</label>
                            <span id=pencentage></span>
                        </div>
                    </div>
                </div>
                <div class=weui-flex>
                    <div class=weui-flex__item>
                        <div class=weui-form-preview__item>
                            <label class=weui-form-preview__label>报价日期</label>
                            <span class=mr5 id=quat_date ex=""></span>
                        </div>
                    </div>
                    <div class=weui-flex__item>
                        <div class=weui-form-preview__item>
                            <label class=weui-form-preview__label>到期日期</label>
                            <span id=exprice_date ex=""></span>
                        </div>
                    </div>
                </div>
                <div class=weui-flex>
                    <div class=weui-flex__item>
                        <div class=weui-form-preview__item>
                            <label class=weui-form-preview__label>期权类型</label>
                            <span class="mr5 color-primary">美式看涨</span>
                        </div>
                    </div>
                    <div class=weui-flex__item>
                        <div class=weui-form-preview__item>
                            <label class=weui-form-preview__label>管理费</label>
                            <span class=color-primary id=fixedQuat></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class=weui-cells__title>注意：询价后二个工作日内如未成交，请您重新询价</div>
        <div class=weui-btn-area>
            <a class="weui-btn weui-btn_warn" href=javascript: id=addTrade>提交询价</a>
        </div>
    </div>
    <div id=tab11 class="weui-tab__bd-item weui-tab__bd-item--active">
        <div class=weui-cells__title>询价记录</div>
        <div class=weui-loadmore id=loadXj>
            <i class=weui-loading></i>
            <span class=weui-loadmore__tips>正在加载</span>
        </div>
        <div id=xjjl></div>
    </div>
    <div id=tab2 class="weui-tab__bd-item weui-tab__bd-item--active">
        <div class=weui-cells__title>持仓记录</div>
        <div class=weui-loadmore id=loadCc>
            <i class=weui-loading></i>
            <span class=weui-loadmore__tips>正在加载</span>
        </div>
        <div id=ccjl></div>
    </div>
    <div id=tab3 class=weui-tab__bd-item>
        <div class=weui-cells__title>交易记录</div>
        <div class=weui-loadmore id=loadHis>
            <i class=weui-loading></i>
            <span class=weui-loadmore__tips>正在加载</span>
        </div>
        <div id=jyjl></div>
    </div>
    <div id=tab4 class="weui-tab__bd-item weui-tab__bd-item--active">
        <header class=demos-header id=userInfo>
            <h1 class=demos-title>个人信息</h1>
        </header>
        <div class=weui-cells>
            <div class=weui-cell>
                <div class=weui-cell__hd>
                    <i class="fa fa-id-card icon-color"></i>
                </div>
                <div class=weui-cell__bd>
                    <p>姓名</div>
                <div class=weui-cell__ft id=uName></div>
            </div>
            <a class="weui-cell weui-cell_access" href=javascript: id=bankInfo>
                <div class=weui-cell__hd>
                    <i class="fa fa-bank icon-color"></i>
                </div>
                <div class=weui-cell__bd>
                    <p>银行卡</div>
                <div class=weui-cell__ft></div>
            </a>
            <a class="weui-cell weui-cell_access" href=javascript: id=capital>
                <div class=weui-cell__hd>
                    <i class="fa fa-money icon-color"></i>
                </div>
                <div class=weui-cell__bd>
                    <p>资金管理</div>
                <div class=weui-cell__ft></div>
            </a>
        </div>
        <div class=weui-cells>
            <div class=weui-cell>
                <div class=weui-cell__hd style="font-size: 1.4em">
                    <i class="fa fa-phone-square icon-color"></i>
                </div>
                <div class=weui-cell__bd>
                    <label class=weui-label>手机号码</label>
                </div>
                <div class=weui-cell__ft id=phoneNum></div>
            </div>
            <div class=weui-cell>
                <div class=weui-cell__hd style="font-size: 1.4em">
                    <i class="fa fa-user-secret icon-color"></i>
                </div>
                <div class=weui-cell__bd>
                    <p>推荐人</div>
                <div class=weui-cell__ft id=introducer></div>
            </div>
            <div class="weui-cell" onclick='$("#qrcode_popup").popup();'>
                <div class=weui-cell__hd style="font-size: 1.4em">
                    <i class="fa fa-user-secret icon-color"></i>
                </div>
                <div class=weui-cell__bd>
                    <p>我的二维码</div>
                <div class=weui-cell__ft></div>
            </div>
        </div>
        <div class=weui-cells>
            <a class="weui-cell weui-cell_access" href=javascript:; id=caozuo>
                <div class=weui-cell__hd>
                    <i class="fa fa-warning icon-color"></i>
                </div>
                <div class=weui-cell__bd>
                    <p>操作细则</div>
                <div class=weui-cell__ft></div>
            </a>
        </div>
        <div class=weui-cells>
            <a class="weui-cell weui-cell_access" href=javascript:; id=modifyPass>
                <div class=weui-cell__hd style="font-size: 1.4em">
                    <i class="fa fa-lock icon-color"></i>
                </div>
                <div class=weui-cell__bd>
                    <p>密码管理</div>
                <div class=weui-cell__ft></div>
            </a>
        </div>
        <div class=weui-cells>
            <a class=weui-cell href=javascript:; id=logout>
                <div class=weui-cell__bd style="text-align: center">
                    <p class=color-primary>退出登录</div>
                <div class=weui-cell__ft></div>
            </a>
        </div>
        <div class="weui-footer fill">
            <p class=weui-footer__text>&nbsp;</div>
    </div>
    <div class=weui-tabbar>
        <a href=#tab1 class=weui-tabbar__item id=defTab>
            <div class=weui-tabbar__icon>
                <i class="fa fa-search fa-2x ml3"></i>
            </div>
            <p class=weui-tabbar__label>询价</p>
        </a>
        <a href=#tab11 class=weui-tabbar__item id=tabxj>
            <div class=weui-tabbar__icon>
                <i class="fa fa-comment fa-2x ml3"></i>
            </div>
            <p class=weui-tabbar__label>询价记录</p>
        </a>
        <a href=#tab2 class=weui-tabbar__item id=tabCc>
            <div class=weui-tabbar__icon>
                <i class="fa fa-bar-chart fa-2x ml3"></i>
            </div>
            <p class=weui-tabbar__label>持仓</p>
        </a>
        <a href=#tab3 class=weui-tabbar__item id=tabJl>
            <div class=weui-tabbar__icon>
                <i class="fa fa-handshake-o fa-2x mr1"></i>
            </div>
            <p class=weui-tabbar__label>交易记录</p>
        </a>
        <a href=#tab4 class=weui-tabbar__item id=uInfo>
            <div class="weui-tabbar__icon ml5">
                <i class="fa fa-user-o fa-2x weui-icon"></i>
            </div>
            <p class=weui-tabbar__label>我</p>
        </a>
    </div>
</div>

<div id="qrcode_popup" class="weui-popup__container popup-bottom">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal">
        <div class="toolbar">
            <div class="toolbar-inner">
                <a href="javascript:;" class="picker-button close-popup">关闭</a>
                <h1 class="title">二维码</h1>
            </div>
        </div>
        <div class="modal-content">
            <div style="padding:1rem;">
                <img id=qrcode_popup_img style="height:10rem; display:block;margin:0 auto;" src="" />
            </div>
        </div>
    </div>
</div>